<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%--jstl을 쓰기 위해 사용 --%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><%--숫자 포맷을 사용하기 위해 사용 --%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%><%--함수들을 이용하기 위해 사용 --%>   
<%@ taglib prefix="c-rt" uri="http://java.sun.com/jstl/core_rt" %>  <%-- ie버전 확인에 쓰기 위해 씀 --%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>연관 프로세스</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--말 줄임 css(모든 브라우저 적용)-->
<style type="text/css">
.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;		/* Opera under 10.7 */
	overflow:hidden;			/* "overflow" value must be different from "visible" */ 
	-moz-binding: url('ellipsis.xml#ellipsis');
}
</style>
<script type="text/javascript" src="script/sms_util_script.js"></script>

<script type="text/javascript">
function winClose(){
	window.close();
}
</script>
</head>
<body>
<%
//ie 67인지 확인
	String userAgent =  request.getHeader("User-Agent");
	boolean isMSIE67 =((userAgent != null && userAgent.indexOf("MSIE 6") > -1) || (userAgent != null && userAgent.indexOf("MSIE 7") > -1));
	request.setAttribute("isMSIE67", isMSIE67);
%>
<c:if test="${sessionScope.USER_ID==null}">
		<script type="text/javascript">
			alert("연결이 끊어졌습니다. 다시 로그인 해주시기 바랍니다");
			window.close();
		</script>	
</c:if>
<div class="box">
	<h4 class="white">${requestScope.raitem_id }</h4>
        <div class="box-container1">     		
        	<table class="table-long"  style="width:740px; margin: 0 auto;">
      			<tfoot>
      				<tr>
      					<td>
                        	<div class="align-right"><a href="#" class="button" onclick="javascript: winClose()"><span>닫기</span></a></div>
                        </td>
      				</tr>
      				<tr><td class="spaceLine"></td></tr>
      			</tfoot>
      		</table>
      		<table class="table-long" style="width:740px;margin: 0 auto;">
      			<colgroup>
				<!-- ie67인지 아닌지 판단 (위=ie)(아래는 그외)--> 
					<c-rt:choose>
						<c-rt:when test="${isMSIE67}">
							<col width="71px"/>
							<col width="85px"/>
							<col width="81px"/>
							<col width="63px"/>
							<col width="67px"/>
							<col width="67px"/>
							<col width="26px"/>
							<col width="30px"/>
							<col width="30px"/>
							<col width="55px"/>
							<col width="55px"/>
							<col/>
							<col width="15px"/>
						</c-rt:when>
						<c-rt:otherwise>
							<col width="80px"/>
							<col width="91px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="25px"/>
							<col width="25px"/>
							<col width="25px"/>
							<col width="60px"/>
							<col width="60px"/>
							<col/>
							<col width="15px"/>
						</c-rt:otherwise>
					</c-rt:choose>				
				</colgroup>
      			<thead>
      				<tr>
      					<td style="padding-left: 10px" class="col-rowspanMid" rowspan="2">RA정보코드</td>
      					<td class="col-rowspanMid" rowspan="2">RA정보명칭</td>
      					<td class="col-rowspanMid" rowspan="2">연관<br/>프로세스</td>
      					<td colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      					RA정보보안요구사항</td>
      					<td colspan="6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      					RA정보가치평가</td>
      					<td></td>
      				</tr>
      				<tr>
      					<td>기밀성</td>
      					<td>무결성</td>
      					<td>가용성</td>
      					<td>C</td>
      					<td>I</td>
      					<td>A</td>
      					<td>보안점수</td>
      					<td>보안등급</td>
      					<td>기밀등급</td>
      					<td></td>
      				</tr>
      			</thead>
      		</table>
      		<div  class="scrollDIV" style="width: 740px; height: 350px; ">
      		<table class="table-long" style="width:740px; margin: 0 auto;">
      			<colgroup>
				<c-rt:choose>
					<c-rt:when test="${isMSIE67}">
							<col width="71px"/>
							<col width="85px"/>
							<col width="81px"/>
							<col width="63px"/>
							<col width="63px"/>
							<col width="63px"/>
							<col width="26px"/>
							<col width="26px"/>
							<col width="26px"/>
							<col width="51px"/>
							<col width="51px"/>
							<col/>
							<col width="15px"/>
						</c-rt:when>
						<c-rt:otherwise>
							<col width="80px"/>
							<col width="91px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="75px"/>
							<col width="25px"/>
							<col width="25px"/>
							<col width="25px"/>
							<col width="60px"/>
							<col width="60px"/>
							<col/>
							<col width="15px"/>
					</c-rt:otherwise>
				</c-rt:choose>
			</colgroup>
      			<tbody>
      				<c:choose>
                    	<c:when test="${fn:length(list)!= 0}">
                       	<c:forEach var="list" items="${requestScope.list}" varStatus="status">
                   			<%--
                   			<tr onmouseover="ChangeBackground(this,'over','${status.index}');" onmouseout="ChangeBackground(this,'out','${status.index}');" class="odd">
                   			 --%>
                   			 <tr <c:if test="${status.index%2==0 }">class="odd"</c:if> onmouseover="ChangeBackground(this,'over','${status.index}');" onmouseout="ChangeBackground(this,'out','${status.index}');">
                    			<td style="padding-left: 10px">
                    				<div class="ellipsis" style="width:100%;" title='${list.rainfo_id }'>${list.rainfo_id }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis"  style="width:100%;" title='${list.rainfo_nm }'>${list.rainfo_nm }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis"  style="width:100%;" title='${list.rainfo_nm }'>${list.rainfo_nm }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis" style="width:100%;" title="${list.c_memo }">${list.c_memo }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis" style="width:100%;" title="${list.i_memo }">${list.i_memo }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis" style="width:100%;" title="${list.a_memo }">${list.a_memo }</div>
                    			</td>
                    			<td>
                    				<c:if test="${list.ascu_level!=null }">
                    					<fmt:formatNumber value="${list.c_score }" pattern="0"/>
                    				</c:if>
                    			</td>
                    			<td>
                    				<c:if test="${list.ascu_level!=null }">
                    					<fmt:formatNumber value="${list.i_score }" pattern="0"/>
                    				</c:if>
                    			</td>
                    			<td>
                    				<c:if test="${list.ascu_level!=null }">
                    					<fmt:formatNumber value="${list.a_score }" pattern="0"/>
                    				</c:if>
                    			</td>
                    			<td>
                    				<c:if test="${list.ascu_level!=null }">
                    					&nbsp;&nbsp;<fmt:formatNumber value="${list.t_score }" pattern="0"/>
                    				</c:if>
                    			</td>
                    			<td>
                    				<div class="ellipsis" style="width:100%;" title="${list.ascu_level }">${list.ascu_level }</div>
                    			</td>
                    			<td>
                    				<div class="ellipsis" style="width:100%;" title="${list.asc_level }">${list.asc_level }</div>
                    			</td>
	   					 	<td></td>
                    		</tr>
                    	</c:forEach>
                    	</c:when>
                    	<c:otherwise>
                    		<tr class="odd">
								<td colspan="13" class="noDataTD">-데이터가 없습니다-</td>
							</tr>
                    	</c:otherwise>
                    	</c:choose>
      			</tbody>
      		</table>  	
    		</div>
  		</div><!-- end of div.box-container1 -->
</div> <!-- end of div.box -->
</body>
</html>